<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单标签</title>
</head>
<body>
    <!-- 表单域是from所有的表单元素标签都在from中 -->
    <from>
        <!-- input是用户输入的值 -->
        <!-- text是文本框，用户可以看到输入内容 -->
       用户名 <input type="text"><br>
       <!-- password是输入文本，但用户看不到输入内容 -->
       密码<input type="password"><br>
       <!-- radio是选择框（圆形框），实现多选一 -->
       今天的心情:开心<input type="radio"> 难过<input type="radio"> 愤怒<input type="radio"><br>
       <!-- name是属性名，相当于限制多选一的数量，但选择的选项都要加入name属性 必须是同一name值-->
       今天的心情:开心<input type="radio" name="happy"> 难过<input type="radio" name="happy"> 愤怒<input type="radio" name="happy"><br>
       <!-- check是多选框（矩形），实现多选多 -->
       今天的课程：语文<input type="checkbox">数学<input type="checkbox">英语<input type="checkbox"><br>
       <!-- value是用户未输入时看到的值 -->
       用户名 <input type="text" value="请输入用户名"><br>
       <!-- cheaked是默认选择选项 -->
       今天的心情:开心<input type="radio" name="22"> 难过<input type="radio" checked="checked" name="22"> 愤怒<input type="radio" name="22"><br>
       <!-- maxlength是能过限制用户输入字符 -->
       密码<input type="password" maxlength="6"><br>

       



    </from>
    <h2>div,span是区块标签
    </h2>
    <div id="center" style="width: 500px;" >
     <div id="head" style="background-color: brown; width: 200px;">
<h1 style="margin-bottom: 0;">主要的标题</h1>
     </div>
     <div id="666" style="width: 200px; height=200px; float=left; background-color: chartreuse;">
     <p>菜单</p>
     html<br>
     css<br>
     js</div>
     <div id="777" style="background-color: aliceblue; width: 200; height: 200px; float: left;">
内容在这里
     </div>
     <div id="444" style="background-color: coral; clear: both; text-align: center;">
         版权@runoob.com

     </div>
    </div>


</body>
</html>